<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		</style>
	</head>
	<body>
		<div>
			<h2></h2>
			<p></p>
		</div>
		
		<div>
			<h3></h3>
			<h4></h4>
		</div>
		
		<div>
			<h5></h5>
			<p></p>
			<p></p>
		</div>
		
		<h6></h6>
		<p>1</p>
		<p>2</p>
		<span></span>
		
		<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
		<script>
			//jQuery siblings() 方法
			$("h2").siblings().css({"color":"red","border":"2px solid red"});
			/*
			jQuery next() 方法
			next() 方法返回被选元素的下一个同胞元素。
			该方法只返回一个元素。
			*/
		   $("h3").next().css({"color":"red","border":"2px solid red","height":"100px"})
		   /*
		   jQuery nextAll() 方法
		   nextAll() 方法返回被选元素的所有跟随的同胞元素。
		   */
		  $("h5").nextAll().css({"color":"red","border":"2px solid red","height":"100px"})
		  /*
		  jQuery nextUntil() 方法
		  nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
		  */
		 $("h6").nextUntil("span").css({"color":"red","border":"2px solid red","height":"100px"});
		</script>
	</body>
</html>